/*
 * @Author: wangqizhang
 * @Date: 2024-04-24 14:27:36
 * @LastEditors: wangqizhang
 * @LastEditTime: 2024-05-03 16:51:46
 * @FilePath: /suixinji-react/src/page/workplace/index.tsx
 * @Description:
 *
 * Copyright (c) 2024 by ${git_name_email}, All Rights Reserved.
 */
import './index.scss';
import banner1 from '../../assets/images/banner1.png';
import banner2 from '../../assets/images/banner2.png';
import banner3 from '../../assets/images/banner3.png';
import Echarts from '../../components/Echarts';
import { Statistic } from 'antd';

const WorkPlace = () => {
  const banner = [
    {
      id: 1,
      title: '笔记总数',
      img: banner1,
      total: 340,
    },
    {
      id: 2,
      title: '个人分组',
      img: banner2,
      total: 29,
    },
    {
      id: 3,
      title: '打卡天数',
      img: banner3,
      total: 520,
    },
  ];
  return (
    <div className="workplace container">
      <div className="banner">
        {banner.map((item) => {
          return (
            <div className="box">
              <div className="box_img">
                <img src={item.img} alt="" />
              </div>
              <div className="box_text">
                <Statistic title={item.title} value={item.total} />
              </div>
            </div>
          );
        })}
      </div>
      <div className="echars">
        <Echarts />
      </div>
    </div>
  );
};
export default WorkPlace;
